<meta charset="utf-8" />
<script src="../lib/jquery.js"></script>
<script src="11_tabMenu.js"></script>

<style>
/* common */
html {
	width: 100%;
	height: 100%;
	overflow-y: scroll
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
	{
	margin: 0px;
	padding: 0px;
	font: inherit;
	vertical-align: baseline;
}

body {
	font-size: 12px;
	font-family: Dotum, Arial;
	color: #74767a;
	line-height: 120%;
}

a,a:link,a:visited {
	color: #74767a;
	text-decoration: none
}

ul,ol {
	list-style: none
}

table,fieldset,th,td,img {
	border: none
}

img,input,select {
	vertical-align: middle
}

#wrap {
	width: 939px;
	margin-left: 400px;
}

#wrap ul {
	margin-top: 140px;
}

#wrap ul:after {
	content: "";
	display: block;
	clear: both;
}

#wrap ul li {
	float: left;
	overflow: hidden;
	height: 25px;
	margin-right: 6px;
}

#wrap ul li:last-child {
	margin-right: 0px;
}

#wrap ul li img {
	margin-top: 0x
}

#wrap ul li .on img {
	margin-top: -25px
}

#content {
	position: relative;
	width: 487px;
	height: 323px;
}

#content div {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
	width: 455px;
	height: 291px;
	margin-top: 10px;
	background: #55aaea;
	padding: 16px;
}
</style>


<div id="wrap">
	<!-- tabmenu -->
	<ul id="tab">
		<li><a href="#gallery" class="on"><img src="img/tab01.png" alt="Gallery" /> </a></li>
		<li><a href="#cafe"><img src="img/tab02.png" alt="Cafe" /></a></li>
		<li><a href="#lounge"><img src="img/tab03.png" alt="Lounge" /></a></li>
		<li><a href="#service"><img src="img/tab04.png" alt="Service" /></a></li>
	</ul>
	<!-- //tabmenu -->

	<!-- tab content -->
	<div id="content">
		<div style="display: block;">
			<img src='img/img01.png' alt="img1" />
		</div>
		<div>
			<img src='img/img02.png' alt="img2" />
		</div>
		<div>
			<img src='img/img03.png' alt="img3" />
		</div>
		<div>
			<img src='img/img04.png' alt="img4" />
		</div>
	</div>
	<!-- //tab content -->
</div>

